<style>
  .img-center {
    margin: 0 auto;
    display: inline;
    float: none;
  }
  .img-sm, .box-comments .box-comment img, .user-block.user-block-sm img {
    width: 30px !important;
    height: 30px !important;
  }
  .btn,.btn.active{
    outline: none!important;
  }
</style>
<table class="table table-striped table-bordered">
  <thead>
  <tr>
    <th>{:__('Title')}</th>
    <th>{:__('Content')}</th>
  </tr>
  </thead>
  <tbody>
    <tr>
      <td style="width: 150px">编号</td>
      <td style="word-break: break-all;">
        {$row.id}
      </td>
    </tr>
    <tr>
      <td style="width: 150px">状态</td>
      <td style="word-break: break-all;">
        {if ( $row.status == 0)}
        <span class="label label-primary">{$row.status_text}</span>
        {/if}

        {if ( $row.status == 1)}
        <span class="label label-success">{$row.status_text}</span>
        {/if}
      </td>
    </tr>

    {foreach $row.details as $key=>$item }
    <tr>
      <td colspan="2" style="text-align: center">开支详情{$key+1}</td>
    </tr>
    <tr>
      <td style="width: 150px">开支金额（元）</td>
      <td style="word-break: break-all;">
        {$item.fee}
      </td>
    </tr>
    <tr>
      <td style="width: 150px">购买描述</td>
      <td style="word-break: break-all;">
        {$item.intro}
      </td>
    </tr>
    <tr>
      <td style="width: 150px">支付记录、发票</td>
      <td style="word-break: break-all;">
        {foreach $item.images as $img }
        <img class="img-sm img-center avatar-img" data-tips-image=" {$img}" src=" {$img}">
        {/foreach}
      </td>
    </tr>
    {/foreach}

    <tr>
      <td colspan="2" style="text-align: center">
        <div class="input-group n-inline-block">
          <input type="hidden" class="row_id" value="{$row.id}">
          <button name="callback" value="0" class="mr-1 btn btn-callback btn-primary">未确认</button>
          <button name="callback" value="1" class="mr-1 btn btn-callback btn-success">已确认</button>
        </div>
      </td>
    </tr>

  </tbody>
</table>